<template>
  <div class="alert alert-warning d-flex small">
    <div class="pe-3">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="28"
        height="28"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="feather feather-alert-triangle"
      >
        <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
        <line x1="12" y1="9" x2="12" y2="13"></line>
        <line x1="12" y1="17" x2="12.01" y2="17"></line>
      </svg>
    </div>
    <div>
      <p class="mb-0" v-text="translations.modal_delete_customer_personal_data_gobd_warning_text" />
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { translations } from "../../scripts/data";

export default defineComponent({
  name: "GoBDAlert",

  setup() {
    return { translations };
  },
});
</script>
